.body-list {
    height: calc(100vh - 220px); /* 动态调整高度以占满中间位置 */
    width: 800px;
    display: flex; /* 使用 flex 布局 */
    flex-direction: column;
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    background-color: #f0f2f5; /* 添加浅灰背景 */
    padding: 20px; /* 增加内边距 */
}

.list {
    width: 100%; /* 确保宽度始终填满容器 */
    max-width: 100%; /* 防止宽度变窄 */
    box-sizing: border-box; /* 包括内边距和边框 */
    height: 100%; /* 填满父容器高度 */
    overflow-y: auto; /* 允许内容滚动 */
    -webkit-overflow-scrolling: touch; /* 优化滚动体验 */
    background: #ffffff; /* 修改背景为纯白色以提升对比度 */
    border-radius: 16px; /* 增加圆角以更柔和 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 添加阴影 */
    border: 1px solid #e0e0e0; /* 添加边框 */
}

.loading-text,
.no-more {
    display: block;
    text-align: center;
    color: #999;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.8); 
    border-radius: 20px;
    margin: 10px auto; /* 居中 */
    width: 100%; /* 确保宽度始终填满容器 */
    max-width: 100%; /* 防止宽度变窄 */
    box-sizing: border-box; /* 包括内边距和边框 */
}

.listitem.adm-list-item {
    display: flex; /* 启用 flex 布局 */
    align-items: center; /* 垂直居中 */
    height: 70px;
    border-radius: 8px; /* 增加圆角 */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); /* 添加浅阴影 */
    background: white; /* 明确背景色 */
    margin-bottom: 8px; /* 增加项间距 */
    transition: transform 0.2s, box-shadow 0.2s; /* 添加交互动画 */
    font-size: 16px; /* 增加字体大小以提升可读性 */
    padding: 12px; /* 增加内边距以提升内容间距 */
}

.listitem.adm-list-item:hover {
    transform: scale(1.02); /* 鼠标悬停放大效果 */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15); /* 鼠标悬停阴影效果 */
}

.outprice {
    margin-left: auto; /* 自动左外边距推至最右侧 */
    padding-left: 16px; /* 左侧间距保持一致 */
    font-weight: bold; /* 加粗 */
    color: #ff4d4f; /* 修改金额颜色为红色以吸引注意 */
    text-align: right; /* 金额文本右对齐 */
    min-width: 100px; /* 防止金额跳动 */
    font-size: 18px; /* 增加金额字体大小以突出显示 */
}
